<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>get提交方式</title>
</head>
<body>
<form action="#" method="post" id="form">
    username:<input type="text" name="username" id="username"/><br/>
    password:<input type="text" name="password" id="password"/><br/>
    <input type="submit" value="提交"/>
</form>
</body>
<script src="js/jquery-2.1.0.min.js"></script>
<script>
    $("#form").submit(function () {//表单提交事件，提交时会触发该事件
        //获取输入的用户名
        let username = $("#username").val();
        let password = $("#password").val();
        /*页面一被访问就Ajax发送数据到服务器
        * post提交数据的方式
        * 1.单个参数
        * 2.key=value&key=value
        * 3.json格式字符串数据：后台通过字符流读取的方式获取数据交由Jackson或Gson进行对象转换*/
        $.ajax({
            url:'jsonServlet',//发送的路径
            data:"user="+'{"username":"'+username+'","password":"'+password+'"}',//发送的数据
            async:true,//是否异步
            type:'post',//提交方式
            data_type:"json",//返回数据的类型
            success:function (data) {
                //alert(data.username);
                alert(data);
            }
        });
        //return true;
    });
</script>
</html>